<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册表单</title>
    <style>
    	.form-wrapper {
            border: 1.5px solid #333; /* 外层边框（颜色、粗细可调整） */
            display: inline-block; /* 让容器自适应表格宽度 */
            padding: 2px; /* 外层边框与表格的间距 */
        /* 外层容器边框 */
        .form-box {
            border: 1px solid #000;
            display: inline-block;
        }
        /* 表格样式：蓝白相间 */
        table {
            width: 650px;
            border-collapse: collapse;
        }
        /* 奇偶行背景色（蓝白相间） */
        table tr:nth-child(odd) td 
        {
             background-color: #white; /* 白色 */
        }
        table tr:nth-child(even) td
        {
            background-color: #E6F3FF;/* 浅蓝色 */
        }
        table td {
            border: 1px solid #999;
            padding: 6px;
        }
        /* 标签列宽度固定 */
        table td:first-child {
            width: 120px;
            text-align: left;
        }
    </style>
</head>
<body>
	<div class="form-wrapper">
    <div class="form-box">
        <form>
            <table>
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" value="赵二" style="width:200px"></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="password" value="123" style="width:200px"></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <input type="radio" name="gender" value="男">男
                        <input type="radio" name="gender" value="女" checked>女
                    </td>
                </tr>
                <tr>
                    <td>年龄:</td>
                    <td><input type="number" value="30" style="width:200px"></td>
                </tr>
                <tr>
                    <td>是否党员:</td>
                    <td><input type="checkbox"> (选中为是, 不选为否)</td>
                </tr>
                <tr>
                    <td>所在省市:</td>
                    <td>
                        <select style="width:100px">
                            <option selected>天津</option>
                        </select> (默认选中天津)
                    </td>
                </tr>
                <tr>
                    <td>个人爱好:</td>
                    <td>
                        <input type="checkbox" name="hobby">踢足球
                        <input type="checkbox" name="hobby" checked>打篮球
                        <input type="checkbox" name="hobby">看电影
                        <input type="checkbox" name="hobby">玩游戏
                    </td>
                </tr>
                <tr>
                    <td>上传照片:</td>
                    <td><input type="file"> 未选择文件</td>
                </tr>
                <tr>
                    <td>国籍:</td>
                    <td>
                        <input type="radio" name="nation" checked>中国
                        <input type="radio" name="nation">外国
                    </td>
                </tr>
                <tr>
                    <td>生日:</td>
                    <td><input type="date" value="1999-11-18"></td>
                </tr>
                <tr>
                    <td>最喜欢的颜色:</td>
                    <td><input type="color" value="#9932CC" style="width:80px"></td>
                </tr>
                <tr>
                    <td>个人说明:</td>
                    <td><textarea rows="4" cols="30">tute</textarea></td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="提交">
                        <input type="reset" value="重置">
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="font-weight:bold">
                        注册须知:<br>
                        注册前请您仔细阅读用户服务协议的相关条款。
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>